<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <title>财务回款</title>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <link rel="stylesheet" href="/css/finance/backMoneyH5.css">
    <link rel="stylesheet" href="/css/common/Mdate.css">
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/finance/phoneOrderInfo.css">
</head>
<body>
<div class="main">
    <form>
        <div class="title">
            <h1>财务回款</h1>
            <span>received payment</span>
        </div>
        <div class="well">
            <input type="hidden" id="orderCode" name="orderCode" th:value="${productOrderId}">
            <input type="hidden" id="contractId" th:value="${contractVO?.contractId?:''}">
            <input type="hidden" id="companyNameId" th:value="${vo?.trueCompanyName}">
            <input type="hidden" id="residueMoneyAmountspan" th:value="${vo?.residueMoneyAmount?:''}">
            <h3><img src="/images/finance/mobile/h5-title-1.png" alt="">订单详情</h3>
            <div class="order_info">
                <div class="row">
                    <div class="label" style="width: 100%">
                        <h5>客户名称：</h5>
                        <p id="contractName" th:text="${contractVO?.customerName?:'-'}">-</p>
                    </div>
                </div>
                <div class="row">
                    <div class="label">
                        <h5>合同编号：</h5>
                        <p id="infoContractNumber"  th:text="${contractVO?.contractNumber?:'-'}">-</p>
                    </div>
                    <div class="label">
                        <h5>订单状态：</h5>
                        <p id="infoStatus" th:value="${vo?.orderStatus?:'-'}">-</p>
                    </div>
                </div>
                <div class="row">
                    <div class="label">
                        <h5>订单所有人：</h5>
                        <p id="infoOwner"  th:text="${vo?.createPeopleName?:'-'}">-</p>
                    </div>
                    <div class="label">
                        <h5>订单创建日期：</h5>
                        <p id="infoCreateTime" th:text="${vo?.createTm?:'-'}"></p>
                    </div>
                </div>
                <div class="row">
                    <div class="label">
                        <h5>所属分公司：</h5>
                        <p id="infoCompany" th:text="${contractVO?.companyName?:'-'}">-</p>
                    </div>
                </div>
                <div class="row">
                    <div class="label">
                        <h5>订单金额：</h5>
                        <p id="orderAmount" th:text="${vo?.orderActualTotalAmount?:'-'}">-</p>
                    </div>
                    <div class="label">
                        <h5>当前回款：</h5>
                        <p id="currentPayment" th:text="${vo?.returnMoneyAmount?:'-'}">-</p>
                    </div>
                </div>
                <div class="row">
                    <div class="label">
                        <h5>订单尾款：</h5>
                        <p id="orderBalance" th:text="${vo?.residueMoneyAmount?:'-'}">-</p>
                    </div>
                </div>
            </div>
            <h3><img src="/images/finance/payBackH5/buy_product.png" alt="" id="buy_product">购买的产品</h3>
            <div id="list">
             <!--   <div class="order_info buyProduct">
                    <div class="member">会员产品</div>
                    <div class="product_detail">
                        <div class="product_name">
                            <span class="product_key">产品名称：</span>
                            <span class="product_vaue">会员白金卡</span>
                            <botton class="product_btn">产品回款</botton>
                        </div>
                        <div class="product_box product_number">
                            <span class="product_key">产品编号：</span>
                            <span class="product_vaue">CY172637465746</span>
                        </div>
                        <div class="" style="display: flex">
                            <div class="product_payBack">
                                <p class="payBack_value">19800</p>
                                <p class="payBack_key">产品成交价</p>
                            </div>
                            <div class="product_payBack">
                                <p class="payBack_value">19800</p>
                                <p class="payBack_key">当前回款</p>
                            </div>
                            <div class="product_payBack">
                                <p class="payBack_value">19800</p>
                                <p class="payBack_key">当前尾款</p>
                            </div>
                        </div>
                    </div>
                </div>-->
            </div>
            <h3><img src="/images/finance/payBackH5/card_icon.png" alt="">全额录入回款</h3>
            <div class="order_info payment">
                <input type="hidden" id="returnMoneyIdHide">
                <input type="hidden" id="inputReviewer">
                <input type="hidden" id="customerName" th:value="${vo?.customerName?:''}">
                <input type="hidden" id="paymentAccountVal" th:value="${vo?.paymentAccount?:''}">
                <div class="row">
                    <div class="label pull-left">
                        <h5 class="label-required">到款日期：</h5>
                        <p><input type="text" placeholder="请输入到款日期" id="arriveTime" autocomplete="off" readonly="readonly"></p>
                    </div>
                    <div class="label pull-right">
                        <h5 class="label-required">到款金额：</h5>
                        <p><input type="text" placeholder="请输入到款金额"  th:value="${vo?.paymentAccount?:'0.00'}" disabled id="arriveMoney" ></p>
                    </div>
                </div>
                <div class="row">
                    <div class="label pull-left">
                        <h5 class="label-required">到款账号类型：</h5>
                        <div class="form-content peers-display">
                            <select class="form-control bottomInput" title="请选择" id="arriveAccountType" placeholder="请选择">
                            </select>
                        </div>
                    </div>
                    <div class="label pull-right">
                        <h5 class="label-required">付款单位：</h5>
                        <p><input type="text" placeholder="请输入付款单位" th:value="${vo?.customerName?:''}" id="paymentUnit"></p>
                    </div>
                </div>
                <div class="row">
                    <div class="label  pull-right">
                        <h5 class="">付款账号：</h5>
                        <p><input type="text" placeholder="请输入付款账号" id="paymentAccount"></p>
                    </div>
                    <div class="label pull-left">
                        <h5 class="label-required">到款方式：</h5>
                        <div class="form-content peers-display">
                            <select class="form-control bottomInput"   id="arriveMethod" value="0">
                                <option value="0">银行汇款</option>
                                <option value="1">现金</option>
                                <option value="3">线上支付</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="label pull-right">
                        <h5 class="">付款银行：</h5>
                        <p><input type="text" placeholder="请输入付款银行"  id="paymentBank"></p>
                    </div>
                    <div class="label pull-left">
                        <h5 class="label-required">流水号：</h5>
                        <p><input type="text" placeholder="请输入流水号" id="serial"></p>
                    </div>

                </div>
                <div class="row">
                    <div class="label pull-left">
                        <h5 class="">备注：</h5>
                        <p><input type="text" placeholder="请输入备注" id="remark"></p>
                    </div>
                </div>
                <div class="footer">
                    <button type="button" class="btn btn-primary" onclick="inputMoney(this,0);">确定</button>
                    <button type="button" class="btn btn-default" onclick="resetBtn()">取消</button>
                </div>
            </div>
        </div>

    </form>

</div>

<div class="modal" style="display: none">
    <div class="modal_content">
        <div class="modal_header">
            <span class="close" onclick="closureBtn()"></span>
            <h4><img src="/images/finance/payBackH5/card_icon.png" alt="">产品回款</h4>
        </div>
        <div class="modal_body payment">
            <div class="row">
                <div class="label pull-left">
                    <h5 class="label-required">到款日期：</h5>
                    <p><input type="text" id="edit_arriveTime" placeholder="请输入到款日期" autocomplete="off" readonly="readonly"></p>
                </div>
                <div class="label pull-right">
                    <h5 class="label-required">到款金额：</h5>
                    <p><input type="text" placeholder="请输入到款金额"  id="edit_arriveMoney"></p>
                </div>
            </div>
            <div class="row">
                <div class="label pull-left">
                    <h5 class="label-required">到款账号类型：</h5>
                    <div class="form-content peers-display">
                        <select class="form-control bottomInput" title="请选择" id="arriveAccountType1" placeholder="请选择">
                        </select>
                    </div>
                </div>
                <div class="label pull-right">
                    <h5 class="label-required">付款单位：</h5>
                    <p><input type="text" id="edit_paymentUnit" th:value="${vo?.customerName?:''}"></p>
                </div>
            </div>
            <div class="row">
                <div class="label pull-right">
                    <h5>付款账号：</h5>
                    <p><input type="text" id="edit_paymentAccount" placeholder="请输入付款账号"></p>
                </div>
                <div class="label pull-left">
                    <h5 class="label-required">到款方式：</h5>
                    <div class="form-content peers-display">
                        <select class="form-control bottomInput"  id="edit_arriveMethod" value="0">
                            <option value="0">银行汇款</option>
                            <option value="1">现金</option>
                            <option value="3">线上支付</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="label pull-left">
                    <h5 class="">付款银行：</h5>
                    <p><input type="text" id="edit_paymentBank"  placeholder="请输入付款银行"></p>
                </div>
                <div class="label pull-right">
                    <h5 class="label-required">流水号：</h5>
                    <p><input type="text" id="edit_serial"  placeholder="请输入流水号"></p>
                </div>
            </div>
            <div class="row" style="width: 100%">
                <div class="label pull-left" style="width: 100%">
                    <h5 class="">备注：</h5>
                    <p><input type="text" id="edit_remark"  placeholder="请输入备注"></p>
                </div>
            </div>
        </div>
        <div class="modal_footer">
            <button type="button" class="btn btn-primary" onclick="inputMoney(this,1)">确定</button>
            <button type="button" class="btn btn-default" onclick="closureBtn()">取消</button>
        </div>
    </div>
</div>

<script src="/js/crm/finance/design.js"></script>
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/popper.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/crm/common/iScroll_min.js"></script>
<script src="/js/crm/common/mDate_min.js"></script>
<!-- 多选框下拉 -->
<script src="/js/bootstrap-multiselect.js"></script>
<script src="/js/bootstrap-select.js"></script>
<script src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<script src="/js/crm/finance/phoneOrderInfo.js"></script>
</body>
</html>
